<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common.jsp"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="/WEB-INF/jsp/importHead.jsp"%>
<%@ include file="/WEB-INF/jsp/importCommonCss.jsp"%>
<link rel="stylesheet" type="text/css" href="${basePath }/css/index-old.css" />
</head>
<body class="met-navfixed">
	<%@ include file="/WEB-INF/jsp/importHeader.jsp"%>
	<div class="banner_met_11_5 page-bg" style='' m-id='2' m-type="banner">
		<c:forEach items="${pictures }" var="picture">
			<c:if test="${!empty picture.imagePath}">
			<c:choose>
				<c:when test="${!empty picture.url }">
					<c:set var="pictureUrl" value="window.open('${pictureUrl}')" />
				</c:when>
				<c:otherwise>
					<c:set var="pictureUrl" value="return false;" />
				</c:otherwise>
			</c:choose>
			
			<div class="slick-slide" onclick="${pictureUrl}">
				<img class="cover-image"
					src="${basePath}${picture.imagePath}"
					sizes="(max-width: 767px) 767px" alt="${picture.words }" data-height='0|0|0'
					data-fade="false" data-autoplayspeed=4000 data-speed="1000"
					data-hex="|0.48" data-m="0" />
				<c:if test="${!empty picture.words}">
				<div class="banner-text p-4">
					<div class='container'>
						<div class='banner-text-con'>
							<div>
								<c:set var="words" value="${fn:split(picture.words, '<br>')}" />
								<h3 class="animation-slide-top font-weight-500"
									style="color: #ffffff">${words[0] }</h3>
								<c:if test="${!empty words[1]}">
									<p class="animation-slide-bottom" style="color:#ffffff">${words[1]}</p>
								</c:if>
							</div>
						</div>
					</div>
				</div>
				</c:if>
			</div>
			</c:if>
		</c:forEach>
	</div>


	<section class="notice_list_met_11_1 text-xs-left" m-id="4">
	<div class="container">
		<div class="notice clearfix">
			<span class="notice-title">新闻资讯：</span>
			<div class="notice-swiper">
				<ul class="notice-ul">
					<c:forEach items="${news.records }" var="article">
					<fmt:formatDate value="${article.insertTime}" pattern="MM-dd" var="insertTime" />
					<li class="notice-li"><a
						href="${basePath}/article/detail/${article.seqId }"
						title="${article.title }" target=_self> ${article.title } <span
							class="time">${insertTime}</span>
					</a></li>
					</c:forEach>
				</ul>
			</div>
			<a class="notice-more pull-xs-right" title="新闻资讯"
				href="${basePath }/news?all=news" target='_self'>
				<i class="fa fa-share-square-o" style="line-height: 38px;"></i>
			</a>
		</div>
	</div>
	</section>

	<section class="news_list_met_11_5  text-xs-left ulstyle" m-id='5'>
	<div class="container">
		<!-- 左侧信息列表 -->
		<div class="left-news col-lg-8 clearfix">
			<div class="col-lg-6 img-news">
				<ul class="img-list">
					<c:forEach items="${platform.records }" var="article" begin="0" end="3">
					<div>
						<li class="item"><a
							href="${basePath}/article/detail/${article.seqId }"
							title="${article.title }" target='_self'>
								<h3>${article.title }</h3> <img
								data-lazy="${article.imagePath }"
								alt="${article.title }" class="news-img">
						</a></li>
					</div>
					</c:forEach>
				</ul>
			</div>
			<div class="col-lg-6 text-news rtn">
				<div class="head">
					<h2>平台新闻</h2>
					<a href="${basePath }/platform?all=news" title="平台新闻"
						target=_self> 更多 <i class="fa fa-angle-right"></i>
					</a>
				</div>
				<ul class="text-list">
					<c:forEach items="${platform.records }" var="article" begin="0" end="3">
					<fmt:formatDate value="${article.insertTime}" pattern="MM-dd" var="insertTime" />
					<li style="height : auto;">
						<a href="${basePath}/article/detail/${article.seqId }" title="${article.title }" target=_self style="height: 38px;max-width: 100%;padding-bottom: 0;">
							<b>${article.title }</b>
						</a>
						<div style="border-bottom: 1px dashed;padding-bottom: 10px;">
							<p style="min-height: 1em;max-height: 75px;width: calc(100% - 60px);overflow: hidden;line-height: 1.5em;text-indent:2em;margin-bottom: 0px;
										text-overflow: ellipsis;display: inline-block;color: #333333;transition: color .5s ease-out;" title="${article.description }">
								${article.description }
								
							</p>
							<span style="bottom: 0px;">${insertTime }</span>
						</div>
					</li>
					</c:forEach>
				</ul>
			</div>
		</div>
		<!-- 左侧信息列表 -->
		<!-- 右侧信息列表 -->
		<div class="right-news text-news col-lg-4">
			<div class="head">
				<h2>行业新闻</h2>
				<a href="${basePath }/industry?all=news" title="行业新闻"
					target='_self'>更多 <i class="fa fa-angle-right"></i></a>
			</div>
			<ul class="text-list">
				<c:forEach items="${industry.records }" var="article">
				<fmt:formatDate value="${article.insertTime}" pattern="MM-dd" var="insertTime" />
				<li><a
					href="${basePath}/article/detail/${article.seqId }"
					title="${article.title }" target=_self> ${article.title } <span>${insertTime }</span>
				</a></li>
				</c:forEach>
			</ul>
		</div>
		<!-- 右侧信息列表 -->
	</div>
	</section>

	<section class="service_list_met_11_5 text-xs-center" m-id="7">
	<div class="container">
		<div class="col-lg-4" style="padding: 0 0 20px 0;">
			<div class="single-list" style="height: 332px;width: calc(100% - 22px);">
			<div class="head">
				<h2>项目信息</h2>
				<a href="${basePath }/project?all=project" title="项目信息" style="right: 37px"> 更多 <i class="fa fa-angle-right"></i>
				</a>
			</div>
			<ul class="content-list">
				<c:forEach items="${project.records }" var="article">
				<fmt:formatDate value="${article.insertTime}" pattern="MM-dd" var="insertTime" />
				<li><a
					href="${basePath}/article/detail/${article.seqId }"
					title="${article.title}" target=_self> ${article.title} <span>${insertTime }</span>
				</a></li>
				</c:forEach>
			</ul>
			</div>
		</div>
		
		<div class="col-lg-4" style="padding: 0 0 20px 0;">
			<div class="single-list" style="height: 332px;width: calc(100% - 22px);">
			<div class="head">
				<h2>科技成果</h2>
				<a href="${basePath }/gain?all=notice" title="科技成果" style="right: 37px"> 更多 <i class="fa fa-angle-right"></i>
				</a>
			</div>
			<ul class="content-list">
				<c:forEach items="${gain.records }" var="article">
				<fmt:formatDate value="${article.insertTime}" pattern="MM-dd" var="insertTime" />
				<li><a
					href="${basePath}/article/detail/${article.seqId }"
					title="${article.title}" target=_self> ${article.title} <span>${insertTime }</span>
				</a></li>
				</c:forEach>
			</ul>
			</div>
		</div>
		
		<div class="col-lg-4" style="padding:0;">
			<div class="single-list" style="height: 332px;width: 100%;">
			<div class="head">
				<h2>通知公告</h2>
				<a href="${basePath }/notice?all=notice" title="通知公告" style="right: 37px"> 更多 <i class="fa fa-angle-right"></i>
				</a>
			</div>
			<ul class="content-list">
				<c:forEach items="${notice.records }" var="article">
				<fmt:formatDate value="${article.insertTime}" pattern="MM-dd" var="insertTime" />
				<li><a
					href="${basePath}/article/detail/${article.seqId }"
					title="${article.title}" target=_self> ${article.title} <span>${insertTime }</span>
				</a></li>
				</c:forEach>
			</ul>
			</div>
		</div>
	</div>
	</section>

	<c:if test="${!empty gain.records }">
	<section class="team_list_met_11_4 " m-id="41" style="padding: 50px;">
	<div class="team-bg"></div>
	<div class="container ">
		<ul class="list p-0 m-b-0">
			<c:forEach items="${gain.records }" var="article">
			<li class="item">
				<div class="">
					<c:if test="${!empty article.imagePath}">
					<a
						href="${basePath}/article/detail/${article.seqId }"
						class="head"> <img
						src="${article.imagePath}"
						alt="${article.title}" />
					</a>
					</c:if>
					<div class="content">
						<p class="title">${article.title}</p>
						<%-- <h3 class="keywords">${article.subTitle }</h3> --%>
						<p class="desc">${article.description }</p>
						<a
							href="${basePath}/article/detail/${article.seqId }"
							class="more"> <span>了解详情</span>
						</a>
					</div>
				</div>
			</li>
			</c:forEach>
		</ul>
	</div>
	</section>
	</c:if>
	<%@ include file="/WEB-INF/jsp/importFooter.jsp"%>
	<%@ include file="/WEB-INF/jsp/importCommonJS.jsp"%>
	<script charset="utf-8" src="${basePath }/js/common/index.js"></script>
</body>
</html>